<!--
 * @Author: your name
 * @Date: 2021-03-26 20:52:19
 * @LastEditTime: 2021-03-27 20:33:48
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /medicine-web/src/components/CustomBtn/index.vue
-->
<template>
  <div class="a-btn-container">
    <a-button type="primary" class="btn-pattern" @click.stop="handleLogin">
      {{btnStr}}
    </a-button>
  </div>
</template>
<script>
export default {
  name: 'customBtn',
  props: {
    btnStr: {
      type: String,
      default: ''
    }
  },
  methods: {
    handleLogin (e) {
      this.$emit('handClick', e)
    }
  }
}
</script>
<style lang="scss" scoped>
.a-btn-container {
  height: 100%;
  .btn-pattern {
    width: 100%;
    height: 100%;
    font-size: 1.625rem;
    word-spacing: 18px;
    background-color: #1ADBB6;
    border: none;
    border-radius: 4px;
  }
}
</style>